/*模式为popover的选择器 start*/
.vue-country-intl-schema-popover{
    display: inline-block;
    vertical-align: middle;
}
.vue-country-intl-popover{
    position: absolute;
    width: 440px;
    z-index: 100;
    border: 1px solid #e8e8e8;
    filter: drop-shadow(1px 1px 6px #eee);
    background-color: #fff;
}
.vue-country-intl-popover.popover-on-bottom::before{
    position: absolute;
    top: 0;
    left: 10px;
    z-index: 5;
    content: ' ';
    width: 10px;
    height: 10px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    transform: rotate(45deg);
    margin: -5px 0 0 0;
    background-color: #fff;
}
.vue-country-intl-popover.popover-on-top::after{
    position: absolute;
    bottom: -6px;
    left: 10px;
    z-index: -1;
    content: ' ';
    width: 10px;
    height: 10px;
    border-top: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8;
    transform: rotate(-135deg);
    background-color: #fff;
}


.vue-country-intl-popover .search-input-box{
    padding: 10px 15px;
}
.vue-country-intl-popover .search-input{
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 1.42857143;
    padding: 8px 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    outline: none;
    font-size: 14px;
    color: #333;
    transition: border-color .2s;
    background-color: #fff;
    appearance:none; /* 去除iPhone输入框阴影 */
}
.vue-country-intl-popover .search-input:focus{
    border-color: #aaa;
}
.vue-country-intl-popover .vue-country-list-wrap{
    border-radius: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.vue-country-intl-popover .vue-country-intl-popover-arrow{
    position: absolute;
    content: ' ';
    top: -5px;
    left: 16px;
    /*border-style: solid;
    border-width: 5px;
    border-color: transparent;
    border-top-color: #fff;
    border-right-color: #fff;*/
    width: 10px;
    height: 10px;
    border-top: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background-color: #fff;
    transform: rotate(-45deg);
}
.vue-country-intl-popover.list-on-top .vue-country-intl-popover-arrow{
    top: unset;
    bottom: -6px;
    z-index: -1;
    transform: rotate(135deg);
}
/*模式为popover的选择器 end*/

/*动画 start*/
.vue-country-intl-popover.zoom_in-enter-from{
    opacity: 0;
    transform: scale(0.5);
}
.vue-country-intl-popover.list-on-bottom.zoom_in-enter-active,
.vue-country-intl-popover.list-on-bottom.zoom_in-leave-active{
    transition: transform 0.3s, opacity 0.3s;
    transform-origin: 0 0;
}
.vue-country-intl-popover.list-on-top.zoom_in-enter-active,
.vue-country-intl-popover.list-on-top.zoom_in-leave-active{
    transition: transform 0.3s, opacity 0.3s;
    transform-origin: 0 100%;
}
.vue-country-intl-popover.zoom_in-enter-to,
.vue-country-intl-popover.zoom_in-leave-from{
    opacity: 1;
    transform: scale(1);
}
.vue-country-intl-popover.zoom_in-leave-to{
    opacity: 0;
    transform: scale(0.8);
}
/*动画 end*/
